PORTFOLIO

Final Task 3

Integrating Bootstrap in your Web Design Workflow

Instructions: Using the logic behind Bootstrap Grid System. Create the following responsive web layout. Following the required breakpoints for Mobile and Desktop platform.

Layout 1.

50% desktop, 100% mobile
50% desktop, 100% mobile


50% desktop, 100% mobile
50% desktop, 100% mobile

Layout 2.

Column 1
Column 2
Column 3

Column 1
Column 2
Column 3

Layout 3.

Column 1
Column 2


Column 1
Column 2

Layout 4.

Using an External CSS. Design the layout below. Using Grid and Container-fluid. Assign breakpoints from mobile, tablet and desktop device. Create your user defined css for card design and embed necessary Bootstrap classes for the text and buttons

Bootstrap Grid Responsive

01

Lorem ipsum dolor sit amet consectetur adipiscing elit. Sit reiciendis maxime possimus assumenda quidem, soluta, est quia harum dicta qui delectus corporis cupidate saepe molestiae quod veniam neque quasi amet qua qua?

Read more...



02

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Magni quis facilis porro illo molestiae! Cum eaque commodi impedit labore. Beatae, quidem tempore. Optio impedit commodi nemo dignissimos autem? Dolore, nostrum.

Read more...



03

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Eveniet provident laboreeos aperiam fuga numquam delectus velit nam, blanditiis voluptates doloribus in aliquam, inventore, perspiciatis tempora temporibus temp.

Read more...